import Link from 'next/link';
import { Card } from '@/components/ui/card';
import RegisterForm from './register-form';

export const metadata = {
  title: '注册 | 项目协作平台',
  description: '注册一个新账户，加入项目协作平台。',
};

export default function RegisterPage() {
  return (
    <div className="flex min-h-screen items-center justify-center px-4 py-12 sm:px-6 lg:px-8">
      <Card className="w-full max-w-md p-8 space-y-8 shadow-lg">
        <div className="text-center">
          <h1 className="text-3xl font-bold tracking-tight text-gray-900">创建账户</h1>
          <p className="mt-2 text-sm text-gray-600">
            已有账号？{' '}
            <Link
              href="/auth/login"
              className="font-medium text-blue-600 hover:text-blue-500"
            >
              立即登录
            </Link>
          </p>
        </div>

        <div className="space-y-6">

          <div className="relative">
            <div className="absolute inset-0 flex items-center">
              <div className="w-full border-t border-gray-300" />
            </div>
            <div className="relative flex justify-center text-sm">
              <span className="bg-white px-2 text-gray-500">或使用邮箱注册</span>
            </div>
          </div>

          {/* 客户端注册表单组件 */}
          <RegisterForm />
        </div>
      </Card>
    </div>
  );
} 